<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		body{
			background: grey;
		}
		.box{
			width:1200px;
			height: 380px;
			/*border:2px solid red;*/
			margin:100px auto;

			background: white;
		}
		.a1{
			height: 48px;
			/*background: skyblue;*/
			/*垂直居中*/
			line-height: 48px;
			padding:15px 0;
		}
		.left{
			float: left;
			/*background: salmon;*/
			height: 48px;
			margin-left:12px;
		}
		.right{
			float: left;
			/*background: green;*/
			margin-left:15px;
		}
		.a2{
			height: 280px;
			/*border:1px solid green;*/
		}

		.b1{
			width:180px;
			height: 280px;
			/*border:1px solid blue;*/
			float: left;
			margin-left:15px;
		}

		h4{
			height: 28px;
			font-size: 16px;
			line-height: 28px;
			/*background: salmon;*/
			margin:0;
			padding: 0;
		}
		.p1{
			height: 24px;
			line-height: 24px;
			color:#999;
			font-size: 14px;
		}
		.p2{
			height:22px
			line-height:22px;
			margin-top:12px;
			color:#35b1ff;
		}
	</style>
</head>
<body>
	<div class="box">
		<div class="a1">
			<div class="left">
				<img src="logo.png">
			</div>
			<div class="right">
				与品质生活不期而遇
			</div>
		</div>
		<div class="a2">
			<div class="b1">
				<img src="6.jpg">
				<h4>pure 保暖针织</h4>
				<p class="p1">这款针织帽休闲可爱</p>
				<p class="p2">😊2人说好</p>
			</div>
			<div class="b1">
				<img src="5.jpg">
				<h4>pure 保暖针织</h4>
				<p class="p1">这款针织帽休闲可爱</p>
				<p class="p2">😊2人说好</p>
			</div>
			<div class="b1">
				<img src="4.jpg">
				<h4>pure 保暖针织</h4>
				<p class="p1">这款针织帽休闲可爱</p>
				<p class="p2">😊2人说好</p>
			</div>
			<div class="b1">
				<img src="3.jpg">
				<h4>pure 保暖针织</h4>
				<p class="p1">这款针织帽休闲可爱</p>
				<p class="p2">😊2人说好</p>
			</div>
			<div class="b1">
				<img src="2.jpg">
				<h4>pure 保暖针织</h4>
				<p class="p1">这款针织帽休闲可爱</p>
				<p class="p2">😊2人说好</p>
			</div>
			<div class="b1">
				<img src="1.jpg">
				<h4>pure 保暖针织</h4>
				<p class="p1">这款针织帽休闲可爱</p>
				<p class="p2">😊2人说好</p>
			</div>
		</div>
	</div>
	
</body>
</html>